<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>无标题</title>
	<link rel="stylesheet" type="text/css" href="/css/i/sprite.css" />
	<style type="text/css">
	ul>li{
		float:left;
		height: 115px;
		padding: 10px;
		font-size: 10px;
		line-height: 1.4;
		text-align: center;
		background-color: #f9f9f9;
		border: 1px solid #fff;
		overflow: hidden;
	}
	code{
		margin: 0 2px 2px 2px;
		padding: 0 5px;
		white-space: nowrap;
		border: 1px solid #ddd;
		background-color: #f8f8f8;
		border-radius: 3px;
		color: #d14;	
	}
	ul>li span {display: inline-block; margin-top: 10px;}
	</style>
</head>
<body>
<h1>图标展示网页</h1>
<ul>
	<li><div><code>c-i cart-empty</code></div><span class="c-i cart-empty" ></span></li>
<li><div><code>c-i order_success</code></div><span class="c-i order_success" ></span></li>
<li><div><code>c-i order_waring</code></div><span class="c-i order_waring" ></span></li>
<li><div><code>c-i panel-warn</code></div><span class="c-i panel-warn" ></span></li>
<li><div><code>c-i panel-success</code></div><span class="c-i panel-success" ></span></li>
<li><div><code>c-i panel-error</code></div><span class="c-i panel-error" ></span></li>
<li><div><code>c-i add-cart-success</code></div><span class="c-i add-cart-success" ></span></li>
<li><div><code>c-i cart-coupon-trigger-icon</code></div><span class="c-i cart-coupon-trigger-icon" ></span></li>
<li><div><code>c-i add-cart-correct</code></div><span class="c-i add-cart-correct" ></span></li>
<li><div><code>c-i add-cart-error</code></div><span class="c-i add-cart-error" ></span></li>
<li><div><code>c-i calender_icon</code></div><span class="c-i calender_icon" ></span></li>
<li><div><code>c-i ecard-refresh</code></div><span class="c-i ecard-refresh" ></span></li>
<li><div><code>c-i c-kf-off</code></div><span class="c-i c-kf-off" ></span></li>
<li><div><code>c-i c-kf-on</code></div><span class="c-i c-kf-on" ></span></li>
<li><div><code>c-i arrow-right-over</code></div><span class="c-i arrow-right-over" ></span></li>
<li><div><code>c-i logo_icon</code></div><span class="c-i logo_icon" ></span></li>
<li><div><code>c-i arrow-right-hover</code></div><span class="c-i arrow-right-hover" ></span></li>
<li><div><code>c-i arrow-left</code></div><span class="c-i arrow-left" ></span></li>
<li><div><code>c-i arrow-left-over</code></div><span class="c-i arrow-left-over" ></span></li>
<li><div><code>c-i arrow-left-hover</code></div><span class="c-i arrow-left-hover" ></span></li>
<li><div><code>c-i arrow-right</code></div><span class="c-i arrow-right" ></span></li>
<li><div><code>c-i warning</code></div><span class="c-i warning" ></span></li>
<li><div><code>c-i extend_icon</code></div><span class="c-i extend_icon" ></span></li>
<li><div><code>c-i calender</code></div><span class="c-i calender" ></span></li>
<li><div><code>c-i close</code></div><span class="c-i close" ></span></li>
<li><div><code>c-i time</code></div><span class="c-i time" ></span></li>
<li><div><code>c-i seven_no</code></div><span class="c-i seven_no" ></span></li>
<li><div><code>c-i seven</code></div><span class="c-i seven" ></span></li>
<li><div><code>c-i cu</code></div><span class="c-i cu" ></span></li>
<li><div><code>c-i self</code></div><span class="c-i self" ></span></li>
<li><div><code>c-i extend</code></div><span class="c-i extend" ></span></li>
<li><div><code>c-i time_limit</code></div><span class="c-i time_limit" ></span></li>
<li><div><code>c-i pay</code></div><span class="c-i pay" ></span></li>
<li><div><code>c-i freight</code></div><span class="c-i freight" ></span></li>
<li><div><code>c-i hwg</code></div><span class="c-i hwg" ></span></li>
<li><div><code>c-i install</code></div><span class="c-i install" ></span></li>
<li><div><code>c-i attention</code></div><span class="c-i attention" ></span></li>
<li><div><code>c-i notice_gray</code></div><span class="c-i notice_gray" ></span></li>
<li><div><code>c-i money</code></div><span class="c-i money" ></span></li>
<li><div><code>c-i noextend</code></div><span class="c-i noextend" ></span></li>
<li><div><code>c-i open</code></div><span class="c-i open" ></span></li>
<li><div><code>c-i chose_icon</code></div><span class="c-i chose_icon" ></span></li>
<li><div><code>c-i tips_icon</code></div><span class="c-i tips_icon" ></span></li>
<li><div><code>c-i cartsuc_gray</code></div><span class="c-i cartsuc_gray" ></span></li>
<li><div><code>c-i cartsuc_white</code></div><span class="c-i cartsuc_white" ></span></li>
<li><div><code>c-i help-tip</code></div><span class="c-i help-tip" ></span></li>
<li><div><code>c-i tips_icon-hover</code></div><span class="c-i tips_icon-hover" ></span></li>
<li><div><code>c-i correct</code></div><span class="c-i correct" ></span></li>
<li><div><code>c-i tips</code></div><span class="c-i tips" ></span></li>
<li><div><code>c-i ext-selected</code></div><span class="c-i ext-selected" ></span></li>
<li><div><code>c-i radio_chose</code></div><span class="c-i radio_chose" ></span></li>
<li><div><code>c-i radio</code></div><span class="c-i radio" ></span></li>
<li><div><code>c-i payment_check_icon</code></div><span class="c-i payment_check_icon" ></span></li>
<li><div><code>c-i arrowRight-white</code></div><span class="c-i arrowRight-white" ></span></li>
<li><div><code>c-i line</code></div><span class="c-i line" ></span></li>
<li><div><code>c-i no_check</code></div><span class="c-i no_check" ></span></li>
<li><div><code>c-i checkboxs</code></div><span class="c-i checkboxs" ></span></li>
<li><div><code>c-i add_icon-red</code></div><span class="c-i add_icon-red" ></span></li>
<li><div><code>c-i addicon</code></div><span class="c-i addicon" ></span></li>
<li><div><code>c-i checkbox_chose</code></div><span class="c-i checkbox_chose" ></span></li>
<li><div><code>c-i checkbox_gray</code></div><span class="c-i checkbox_gray" ></span></li>
<li><div><code>c-i closebtn-hover</code></div><span class="c-i closebtn-hover" ></span></li>
<li><div><code>c-i phone_icon</code></div><span class="c-i phone_icon" ></span></li>
<li><div><code>c-i notice_red</code></div><span class="c-i notice_red" ></span></li>
<li><div><code>c-i closebtn-new</code></div><span class="c-i closebtn-new" ></span></li>
<li><div><code>c-i closebtn</code></div><span class="c-i closebtn" ></span></li>
<li><div><code>c-i add</code></div><span class="c-i add" ></span></li>
<li><div><code>c-i dot</code></div><span class="c-i dot" ></span></li>
<li><div><code>c-i select_arrowup</code></div><span class="c-i select_arrowup" ></span></li>
<li><div><code>c-i dotgrey</code></div><span class="c-i dotgrey" ></span></li>
<li><div><code>c-i arrowup</code></div><span class="c-i arrowup" ></span></li>
<li><div><code>c-i fd-icon</code></div><span class="c-i fd-icon" ></span></li>
<li><div><code>c-i more-icon</code></div><span class="c-i more-icon" ></span></li>
<li><div><code>c-i arrowdown_red</code></div><span class="c-i arrowdown_red" ></span></li>
<li><div><code>c-i arrowdown</code></div><span class="c-i arrowdown" ></span></li>
<li><div><code>c-i more_arrow_down</code></div><span class="c-i more_arrow_down" ></span></li>
<li><div><code>c-i arrowup_red</code></div><span class="c-i arrowup_red" ></span></li>
<li><div><code>c-i arrowup2</code></div><span class="c-i arrowup2" ></span></li>
<li><div><code>c-i triangle_icon2</code></div><span class="c-i triangle_icon2" ></span></li>
<li><div><code>c-i triangle_icon</code></div><span class="c-i triangle_icon" ></span></li>
</ul>
</body>
</html>